<div data-bind="with:questionVO">
	<!--
	self.instruction;
	self.questiontext;
	self.QuestionImage;
	self.modelAnswer;
	-->

	<!-- Question -->
	<div style="background-color: #FFEDD5; margin-left: 10px;">
		<div style="margin-left: -24px;"><img src="/ce-static-testedge/common/images/questionPreviewStem.jpg" />
		</div>

		<div style="float: left;"><img src="/ce-static-testedge/common/images/questionPreviewIcon.jpg" />
		</div>
		<div data-bind="html: questiontext, click:function(data, event) { $root.openMainCkEditor('2', data, event) }" id="myDiv" style="max-height: 120px; height: 120px !important; overflow-y:scroll; overflow-x:hidden; max-width: 680px !important;" placeholder="Type here.." ></div>
	</div>
	<br/>
	<!-- instruction -->
	<div id="instruction" style="margin-left: 10px; " >
		<div style="margin-left: -23px;"><img src="/ce-static-testedge/common/images/questionPreviewInformation.jpg" />
		</div>
		ins : <input type="text" data-bind="value:instruction" style="width: 90%; height: 30px" >
	</div>
	<br/>
	<!-- QuestionImage -->
	<div style="background-color: #FFEDD5; margin-left: 10px;">
		<div style="margin-left: -24px;"><img src="/ce-static-testedge/common/images/questionPreviewStem.jpg" />
		</div>

		<div style="float: left;"><img src="/ce-static-testedge/common/images/questionPreviewIcon.jpg" />
		</div>
		<div data-bind="html: QuestionImage, click:function(data, event) { $root.openMainCkEditor('QuestionImage', data, event) }" id="myDiv" style="max-height: 120px; height: 120px !important; overflow-y:scroll; overflow-x:hidden; max-width: 680px !important;" placeholder="Type here.." ></div>
	</div>
	<!-- ModelAnswer : in XML
	modelAnswer : in VO
	-->
	<div style="background-color: #FFEDD5; margin-left: 10px;">
		<div style="margin-left: -24px;"><img src="/ce-static-testedge/common/images/questionPreviewStem.jpg" />
		</div>

		<div style="float: left;"><img src="/ce-static-testedge/common/images/questionPreviewIcon.jpg" />
		</div>
		<div data-bind="html: modelAnswer, click:function(data, event) { $root.openMainCkEditor('ModelAnswer', data, event) }" id="myDiv" style="max-height: 120px; height: 120px !important; overflow-y:scroll; overflow-x:hidden; max-width: 680px !important;" placeholder="Type here.." ></div>
	</div>
	<div class="clearBoth"></div>
	<div class="bottomButton" style="bottom: 0px; width: 900px">
		<a href="#" class="te-button buttonBlue floatleft" data-bind="click: $root.saveQuestion">Save</a>
		<a href="#" class="te-button buttonGray floatleft" id="preview">Preview</a>
		<a href="#" class="te-button buttonGray floatleft" data-bind="click: $root.closeOECreateDialog">Cancel</a>
		<div class="clearBoth"></div>
	</div>
</div>
